import { Component,OnInit } from '@angular/core';

import { Hero } from './hero';
import { HeroService } from './hero.service';

@Component ({
  selector:'my-dashboard',
  templateUrl:'./dashboard.component.html',
  styleUrls:['./dashboard.component.css']
})

export class DashboardComponent implements OnInit{
  heroes:Hero[] = [];
  constructor(private heroService:HeroService){ }
  ngOnInit():void{
    this.heroService.getHeroes().then(heroes => this.heroes = heroes.slice(1,5));
  }
}